﻿/* Common styles for all screen sizes */
.content {
    text-align: center;
    padding: 100px;
}

h2 {
    color: black;
    font-size: 36px;
    margin-bottom: 20px;
    margin-top: 90px;
}

h6 {
    color: black;
    font-size: 18px;
}

/* Media query for small screens (e.g., smartphones) */
@media (max-width: 767px) {
    .content {
        padding: 50px; 
    }

    h2 {
        font-size: 24px; 
        margin-top: 60px;
    }

    h6 {
        font-size: 16px; 
    }
}
